@extends('Home.Layouts.index')
@section('main')
    <style>
        #page{
            text-align: center;
        }
        #page ul{
            display: inline-block;
            padding: 50px 0 50px 100px;
        }
    </style>
    <div class="container">
        <div class="women_main">
            <div class="col-md-3 span_1_of_right1">
                <div class="sellers">
                    <h3 class="m_2">热销</h3>
                    @foreach($sale  as $k=>$v)
                        <div class="best">
                            <div class="icon">
                                <img src="/home/images/{{$v['goods_img']}}" class="img-responsive" alt=""/>
                            </div>
                            <div class="data">
                                <h4><a href="/home/detail/index?id={{$v['id']}}">{{$v['goods_name']}}</a></h4>
                                <p>￥{{$v['goods_price']}}</p>
                                <h5>￥{{$v['goods_price']}}</h5>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    @endforeach
                </div>

                <div class="sellers">
                    <h3 class="m_2">Tags</h3>
                    <div class="tags">
                        <ul>
                            <li><a href="/home/list/index?cateid=27">Air Max 1,</a></li>
                            <li><a href="/home/list/index?cateid=15">NMD,</a></li>
                            <li><a href="/home/list/index?cateid=13">Ultra Boost,</a></li>
                            <li><a href="/home/list/index?cateid=24">Zoom,</a></li>
                            <li><a href="/home/list/index?cateid=17">Superstar,</a></li>
                            <li><a href="/home/list/index?cateid=31">AJ1,</a></li>
                        </ul>
                    </div>
                </div>
                <section class="sky-form">
                    <div class="sellers">
                        <h3 class="m_2">精品</h3>
                        <section class="slider">
                            <div class="flexslider">
                                <ul class="slides">
                                    @foreach($best as $k=>$v)
                                        <li>
                                            <div class="tittle">
                                                <img src="/home/images/{{$v['goods_img']}}" class="img-responsive" alt=""/>
                                                <h6>{{$v['goods_name']}}</h6>
                                                <p>精品热销</p>
                                                <a class="show1" href="/home/detail/index?id={{$v['id']}}">立即购买</a>
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </section>

                        <!-- FlexSlider -->
                        <script defer src="/home/js/jquery.flexslider.js"></script>
                        <script type="text/javascript">
                            $(function () {
                                SyntaxHighlighter.all();
                            });
                            $(window).load(function () {
                                $('.flexslider').flexslider({
                                    animation: "slide",
                                    start: function (slider) {
                                        $('body').removeClass('loading');
                                    }
                                });
                            });
                        </script>
                        <!-- FlexSlider -->

                    </div>
                </section>


            </div>
            <div class="col-md-9 w_content">
                <div class="women">
                    <a href="#"><h4>总共 - <span>{{$goods->total()}} 件商品</span></h4></a>
                    <ul class="w_nav">
                        <li><a class="active" href="/home/list/index?condition=new">全部商品</a></li>&nbsp;&nbsp;
                        <li>排序 :</li>
                        <li><a class="active" href="/home/list/index?condition=hot{{$cateUrl}}">热销</a></li>
                        |
                        <li><a href="/home/list/index?condition=new{{$cateUrl}}">新品 </a></li>
                        |
                        <li>价格: <a href="/home/list/index?condition=top{{$cateUrl}}" style="display: inline">由高到低</a> <a href="/home/list/index?condition=bot{{$cateUrl}}" style="display: inline">由低到高</a></li>
                        <div class="clear"></div>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <!-- grids_of_4 -->
                @foreach($goods as $k=>$v)
                <div class="grids_of_4">
                    <div class="grid1_of_4">
                        <div class="content_box">
                            <a href="/home/detail/index?id={{$v['id']}}">
                                <div class="view view-fifth">
                                    <img src="/home/images/5.jpg" class="img-responsive" alt=""/>
                                    <div class="mask">
                                        <div class="info">Quick View</div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <h4><a href="details.html"> {{$v['goods_name']}}</a></h4>
                        <p>{{str_limit($v['goods_desc'], 25)}}</p>
                        <span style="color: #ed1c24;">￥{{$v['goods_price']}}</span>
                    </div>
                </div>
                @endforeach
            </div>
            <div id="page">
                {!! $goods->appends($request->all())->render() !!}
            </div>
    <div class="clearfix"></div>
    </div>
    <!-- end grids_of_4 -->
    </div>
    <div class="clearfix"></div>
    </div>
    </div>
@endsection


